//React 最推荐，最常用的方式 父组件定义方法并通过props传递

import React, { useState } from 'react';

import Son from './son'

function ParentComponent(){
    const [message, setMessage] = useState('')

    // 父组件方法
    const handleChildAction = (data)=>{
        setMessage(`子组件传来的数据:${data}`)
    }

    return (
        <div>
            <h2>父组件</h2>
            <p>{message}</p>
            {/* 将方法作为 Props 传递给子组件 */}
            <Son onAction={handleChildAction} />
        </div>
    )
}

export default ParentComponent